div {
    border: 1px solid black;
    border-radius: 10px;
    width: auto;
}

ul {
    list-style-type: none;
    margin: 10px;
}

.company-full, .worker-full, .building-full, .branch-full, .machine-full, .company-full {
    width: 300px;
}

    .company, .company > div, .company-full > div {
        background-color: cyan;
    }   

    .branch, .branch > div, .branch-full > div {
        background-color: azure;
    }   
    
    .worker, .worker > div, .worker-full > div {
        background-color: lightgreen;
    }

        .expert, .worker.expert > div, .expert-full.worker-full > div {
            background-color: lightblue;
        }

        .manager, .worker.manager > div, .manager-full.worker-full > div {
            background-color: lightyellow;
        }

    .building, .building > div, .building-full > div {
        background-color: lightcoral;
    }

        .building.administrative, .building.administrative > div, .building-full.administrative-full > div {
            background-color: khaki;
        }   

        .building.production, .building.production > div, .building-full.production-full > div {
            background-color: lightseagreen;
        }

    .machine, .machine > div, .machine-full > div {
        background-color: aliceblue;
    }        

    .server, .server > div, .machine-full.server-full > div {
        background-color: beige;
    }     

    .vehicle, .vehicle > div, .machine-full.vehicle-full > div {
        background-color: beige;
    }     